<transition>
    <div id="users" v-show="usershow">

        <div id="userface">
            <div id="search">
                <div class="form-group col-sm-8">
                    <input type="text" class="form-control" v-model="username" @keyup.enter="queryuser" placeholder="用户名/id">
                </div>
                <a class="col-sm-4 btn btn-default" @click="queryuser">查询</a>
            </div>
            <div id="userlist">
                <table>
                    <tbody>
                    <tr>
                        <td @click="querycollectbyuser" id="all" class="selected">全部</td>
                    </tr>
                    <tr v-for="item in users.list">
                        <td :value="item.userinfoid" @click="querycollectbyuser">{{item.useraccount}}</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div id="pagers">
            <ul class="pager">
                <li id="previous" class="previous disabled" @click="previous"><a href="#"><<</a></li>
                <li><span>第{{users.currPage}}页</span></li>
                <li id="next" class="next" @click="next"><a href="#">>></a></li>
            </ul>
        </div>
    </div>
</transition>
<div id="toggle">
    <div @click="ushow">
        <span class="glyphicon glyphicon-chevron-left"></span>
    </div>

</div>